<template>
  <div id="ops-cotainer">
    <div class="branch-tree">
      <branch-tree></branch-tree>
    </div>
    <div class="content"></div>
  </div>
</template>

<script>
  import BranchTree from 'components/content/BranchTree.vue'
  import {
    listBracher
  } from "network/brach/BranchRequest.js"
  export default {
    name: 'OpsManager',
    components:{
      BranchTree
    },
    created() {
      listBracher(null,null).then(res => {
        console.log(res)
      },err =>{
        console.log(err)
      })
    }
  }
</script>

<style>
  #ops-cotainer {
    overflow: auto;
    background-color: #0084F4;
  }

  .branch-tree {
    position: fixed;
    left: 0;
    float: left;
    width: 12%;
    min-width: 240px;
    height: 100%;
    /* overflow: auto; */
    /* background-color: #eff3f7; */
    background-color: palevioletred;
  }

  .content {
    left: 12%;
    height: 100%;
    /* background-color: #f2f2f2; */
    background-color: red;
    position: fixed;
    width: 88%;
    float: left;
    /* margin: 0px auto; */
  }
</style>
